<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>{% block title %}Raspberry Files{% endblock %}</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

    <link rel="stylesheet" href="{{ STATIC_URL }}css/normalize.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/main.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/smoothness/jquery-ui-1.10.1.custom.min.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.dataTables.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/demo_table.css">
    <script src="{{ STATIC_URL }}js/vendor/modernizr-2.6.2.min.js"></script>
   <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> -->
    <script>window.jQuery || document.write('<script src="{{ STATIC_URL }}js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
</head>
<body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
            <![endif]-->

            <!-- Add your site or application content here -->
            
            <div id = 'header'>
                <h1>{%block page%}Header{%endblock%}</h1>
                <img id = 'banner' src="{{ STATIC_URL }}img/BannerSmall.png">
            </div>

            <div id = 'content'>
                {% block content %}
                Default Content
                {% endblock %}
            </div>

            <div id = 'footer'>

                {% if user.is_authenticated %}
                logged in as: {{username}} <br>
                <a href= "/logout/">Logout</a>
                <a href= "/files/">Files</a>
                <a href= "/settings/">Settings</a>
                {% else %}

                <a href= "/login/">Login</a>

                {% endif %}

            </div>


            <script src="{{ STATIC_URL }}js/plugins.js"></script>
            <script src="{{ STATIC_URL }}js/main.js"></script>
            <script src="{{ STATIC_URL }}js/vendor/jquery-ui-1.10.1.custom.min.js"></script>
            <script src="{{ STATIC_URL }}js/jquery.dataTables.min.js"></script>
            <script>



        </body>
        </html>